<script setup lang="ts">

</script>

<template>
  <div class="vt-view__container">
    <div class="vt-view__row-title">
      普通引入
    </div>
    <div class="vt-view__row">
      <vt-icon :icon="'user-secret'" />
      <vt-icon icon="check" />
      <vt-icon :icon="'user'" />
    </div>

    <div class="vt-view__row-title">
      设置大小
    </div>
    <div class="vt-view__row">
      <vt-icon :icon="'user-secret'" size="sm" />
      <vt-icon icon="check" size="lg" />
      <vt-icon icon="check" size="2x" />
      <vt-icon icon="check" size="lg" />
      <!-- S l m -->
      <vt-icon :icon="'user'" />
    </div>

    <div class="vt-view__row-title">
      设置类型
    </div>
    <div class="vt-view__row">
      <vt-icon :icon="'user-secret'" type="primary" />
      <vt-icon icon="check" type="success" />
      <vt-icon icon="check" type="warning" />
      <vt-icon icon="check" type="danger" />
      <vt-icon icon="check" type="info" />
    </div>

    <div class="vt-view__row-title">旋转与翻转</div>
    <div class="vt-view__row">
      <vt-icon icon="file" size="lg" flip="both" />
      <vt-icon icon="folder" size="3x" :flip="'vertical'" />
      <vt-icon icon="folder-open" rotation="180" size="4x" />
    </div>

    <div class="vt-view__row-title">旋转与翻转</div>
    <div class="vt-view__row">
      <vt-icon beat icon="user-secret" size="2xs" />
      <vt-icon beat-fade icon="bars" size="xs" />
      <vt-icon fade icon="shield-halved" size="sm" />
      <vt-icon shake icon="file" size="lg" />
      <vt-icon spin icon="filter" size="xl" />
      <vt-icon spin-pulse icon="barcode" size="2x" />
      <vt-icon spin-reverse spin icon="folder-open" size="4x" />
    </div>
  </div>
</template>

